★提升切版魅力!從初階到進階必學的新世代排版神器!
跟著TailwindCSS降低開發響應式網站的時間,提升元件開發的效率。
「非官方文件」的導讀,帶領你了解基礎核心知識,直接上場做project開發!
多人開發前端project,團隊卻經常因為標籤命名不夠精準產生溝通困難?
從網頁切版進入前端的世界,對於UI/UX息息相關的前端工程師,介面的設計規劃除了手刻能力要講究,在專案時程很趕的時候就會需要使用到框架來快速建構網頁畫面。對於多人開發project而言,光是想每個標籤使用的類別名稱就會燒腦到不行,命名就變成一種學問。
2019年崛起的TailwindCSS打破過往CSS框架的思維,您只需要考慮樣式優先的撰寫方式,專注於要給予列表的背景顏色、邊框顏色、文字顏色、按鈕需不需要滑鼠經過有效果,或是排版要怎麼安排,只需要從功能去發想,不需要先去想命名,這在開發上省下相當多的時間!
本書為【擁有CSS與RWD開發經驗的網頁設計師與前端工程師】、【多人協作開發專案有統一風格需求的團隊】、【網站需要高客製化的元件需求專案】的最強參考書籍!
作者著重在實際開發時的心得與情境,帶您從零開始,入門核心觀念、實作小功能介面,到呈現一個基本頁面的響應式網頁,後續也使用jQuery與Vue.JS為範例作為框架引入TailwindCSS實際開發案例,完成一個靜態網頁。
本書使用TailwindCSS版本:V3.0
現在就跟著本書輕鬆活用TailwindCSS提升你的前端網站渲染效果!擺脫多人團隊專案風格紊亂無序的困擾吧!
本書特色
●從零開始介紹TailwindCSS的核心知識、安裝方式、基本元件建立,帶領讀者快速入門
●透過許多基礎元件感受TailwindCSS的特色與魅力!
●功能優先特色,打造獨一無二的元件
●透過TailwindCLI的編譯,讓網頁渲染效果提升!
●多個元件與功能實作/以及2個中大型範例開發/Vue.js與TailwindCSS的完美結合
●六角學院創辦人兼校長廖洧杰推薦
●熱愛JavaScript知名直播主Tommy推薦
專業推薦
「這本書除了詳細講解Tailwind技術外,更棒的是還分享許多切版範例題目,最後面還顧及開發者的程度,貼心提供jQuery與VueCLI的技術整合範例。充分看出作者不希望你單純『看』這本書,而是『真的動手做』,才能將技術變成自己的東西。」——廖洧杰/六角學院創辦人兼校長
「除了官網的文件外,Tim用自身經驗,融合了實作上會遇到的一些問題,也算是某種程度上的經驗談,手把手的方式帶領讀者能更順利達成實作,非常適合新手或考慮轉到TailwindCSS的開發者閱讀。」——Tommy/熱愛JavaScript知名直播主
從零開始 TAILWIND 團隊 TAILWINDCSS PROJECT RWD 專案 CSS 命名 JAVASCRIPT TOMMY 開發